<html>
<head>
  <title>Evernote Export</title>
  <basefont face="微软雅黑" size="2" />
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta name="exporter-version" content="Evernote Windows/303244 (zh-CN, DDL); Windows/10.0.14393 (Win64);"/>
  <style>
    body, td {
      font-family: 微软雅黑;
      font-size: 12pt;
    }
  </style>
</head>
<body>
<a name="583"/>

<div>
<span><div><b>header标签（语义标签，用于</b><b>定义</b><b>页面或板块头部）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;header class=&quot;header&quot;&gt;我是导航&lt;/header&gt;</div></div><div><span style="background-color: rgb(255, 250, 165);"><b><br/></b></span></div><div><b>footer标签（</b><b>语义标签，</b> <b>用于</b><b>定义</b><b>页面或板块底部）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;footer&gt;我是底部&lt;/footer&gt;</div></div><div><b><br/></b></div><div><b>nav标签（</b><b>语义标签，</b> <b>用于</b><b>定义</b><b>页面导航）</b></div><div><b><br/></b></div><div style="box-sizing: border-box; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.148438);"><div>      &lt;nav&gt;</div><div>            &lt;ul&gt;</div><div>                &lt;li&gt;导航1&lt;/li&gt;</div><div>                &lt;li&gt;导航2&lt;/li&gt;</div><div>                &lt;li&gt;导航3&lt;/li&gt;</div><div>            &lt;/ul&gt;</div><div>        &lt;/nav&gt;</div></div><div><br/></div><div><b>article标签（</b><b>语义标签，</b> <b>用于文章主体信息）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>//article标签一般与section和header联合使用</div><div>    &lt;article&gt;</div><div>        &lt;header&gt;</div><div>            &lt;hgroup&gt;</div><div>                &lt;h1&gt;主标题&lt;/h1&gt;</div><div>                &lt;h2&gt;副标题&lt;/h2&gt;</div><div>            &lt;/hgroup&gt;</div><div>        &lt;/header&gt;</div><div>        &lt;section&gt;</div><div>            &lt;p&gt;文章段落1&lt;/p&gt;</div><div>        &lt;/section&gt;</div><div>    &lt;/article&gt;</div></div><div><b><br/></b></div><div><b>aside标签（</b><b>语义标签，</b> <b>用于侧边栏或者与主体信息相关的附属信息）</b></div><div><b><br/></b></div><div style="box-sizing: border-box; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.148438);"><div><span style="font-size: 12px;">&lt;div id=&quot;wrapper&quot;&gt;</span></div><div><span style="font-size: 12px;">        &lt;article&gt;</span></div><div><span style="font-size: 12px;">            &lt;header&gt;</span></div><div><span style="font-size: 12px;">                &lt;hgroup&gt;</span></div><div><span style="font-size: 12px;">                    &lt;h1&gt;主标题&lt;/h1&gt;</span></div><div><span style="font-size: 12px;">                    &lt;h2&gt;副标题&lt;/h2&gt;</span></div><div><span style="font-size: 12px;">                &lt;/hgroup&gt;</span></div><div><span style="font-size: 12px;">            &lt;/header&gt;</span></div><div><span style="font-size: 12px;">            &lt;section&gt;</span></div><div><span style="font-size: 12px;">                &lt;p&gt;文章段落1&lt;/p&gt;</span></div><div><span style="font-size: 12px;">            &lt;/section&gt;</span></div><div><span style="font-size: 12px;">        &lt;/article&gt;</span></div><div><span style="font-size: 12px;">        &lt;aside&gt;文章目录-我在文章主体信息的左侧，侧边栏&lt;/aside&gt;</span></div><div><span style="font-size: 12px;">    &lt;/div&gt;</span></div></div><div><b><br/></b></div><div><b>section标签（</b><b>语义标签，</b> <b>用于为主体信息划分区域或文章片段的章节、页眉、栏目）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;article&gt;</div><div>     &lt;header&gt;文章标题&lt;/header&gt;</div><div style="margin-left:40px;">&lt;section&gt;</div><div style="margin-left:40px;">    &lt;p&gt;文章段落1&lt;/p&gt;</div><div style="margin-left:40px;">&lt;/section&gt;</div><div style="margin-left:40px;">&lt;section&gt;</div><div style="margin-left:40px;">    &lt;p&gt;文章段落2&lt;/p&gt;</div><div style="margin-left:40px;">&lt;/section&gt;</div><div>&lt;/article&gt;</div></div><div><b><br/></b></div><div><b>hgroup标签（</b><b>语义标签，</b> <b>用于划分标题组）</b></div><div><br/></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>//一般用于将多个h标签分组使用</div><div>     &lt;hgroup&gt;</div><div>          &lt;h1&gt;主标题&lt;/h1&gt;</div><div>          &lt;h2&gt;副标题&lt;/h2&gt;</div><div>     &lt;/hgroup&gt;</div></div><div><b><br/></b></div><div><b>figure标签（</b><b>语义标签，</b> <b>媒体元素组合，一般用于图片或独立内容）</b></div><div><b>figcaption标签（</b><b>语义标签，</b> <b>用于描述媒体元素组合中的标题或文字描述，与figure标签结合使用）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div><span style="color: rgb(255, 0, 0);">//figure与figcaption标签联合使用</span></div><div>&lt;figure&gt;</div><div style="margin-left:40px;">&lt;img src=&quot;图片URL&quot; alt=&quot;&quot;&gt;</div><div>      &lt;figcaption&gt;</div><div>           &lt;p&gt;与图片相关的文字描述&lt;/p&gt;</div><div>      &lt;/figcaption&gt;</div><div>&lt;/figure&gt;</div></div><div><b><br/></b></div><div><b>mark标签（</b><b>语义标签，</b> <b>用于</b><b>定义</b><b>高亮显示文字）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;p&gt;我是&lt;mark&gt;文章&lt;/mark&gt;的内容&lt;/p&gt;  //mark标签带有默认样式背景色为黄色</div></div><div><b><br/></b></div><div><b>menu标签（语义标签，定义菜单列表，当希望列出表单控件时使用该标签）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;!-- 自定义鼠标右键菜单 --&gt;</div><div>    &lt;menu&gt;</div><div>        &lt;ul&gt;</div><div>            &lt;li&gt;菜单1&lt;/li&gt;</div><div>            &lt;li&gt;菜单2&lt;/li&gt;</div><div>            &lt;li&gt;菜单3&lt;/li&gt;</div><div>        &lt;/ul&gt;</div><div>    &lt;/menu&gt;</div></div><div><b><br/></b></div><div><b>time标签（</b><b>语义标签，</b> <b>用于</b><b>定义</b><b>时间）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;time&gt;2016-10-08&lt;/time&gt;</div></div><div><b><br/></b></div><div><b>address标签（语义标签，用于定义地址、email、签名、作者联系信息，该标签以斜体样式显示）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;address&gt;作者：xcy&lt;/address&gt;</div><div>&lt;address&gt;924313@qq.com&lt;/address&gt;</div><div>&lt;address&gt;北京市海淀区花园东路30号&lt;/address&gt;</div></div><div><b><br/></b></div><div><b>output标签（语义标签，用于脚本输出，for属性指定输出时与之关联的元素ID，form属性指定输出时与之关联的form元素ID,</b> <b><span style="font-family: &quot;Open Sans&quot;, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important; background-color: rgb(255, 255, 255);"><b>如果未指明该属性，output标签必须是一个form的后代标签。该属性的用处在于可以让output标签脱离form标签，存在于一个网页文档的任意位置。</b></span>）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;form id=&quot;form1&quot; oninput=&quot;op1.value=parseInt(t1.value)+parseInt(t2.value)&quot;&gt;</div><div>    &lt;input type=&quot;text&quot; id=&quot;t1&quot;&gt;+&lt;input type=&quot;text&quot; id=&quot;t2&quot;&gt;</div><div>    &lt;output name=&quot;op1&quot; for=&quot;t1 t2&quot; form=&quot;form1&quot;&gt;&lt;/output&gt;</div><div>&lt;/form&gt;</div><div>//如果output元素在form元素外可以使用form属性将output标签与form标签进行关联</div></div><div><b><br/></b></div><div><b>dilog标签（语义标签，用于定义对话或交谈，与dt、dd结合使用）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;!-- 在实现网站的常见问题模块种可以使用该标签进行包裹,起到一个长关键词优化作用 --&gt;</div><div>    &lt;dilog&gt;</div><div>        &lt;dt&gt;张三：&lt;/dt&gt;&lt;dd&gt;你好&lt;/dd&gt;</div><div>        &lt;dt&gt;李四：&lt;/dt&gt;&lt;dd&gt;你也好！&lt;/dd&gt;</div><div>    &lt;/dilog&gt;</div></div><div><b><br/></b></div><div><b>datalist标签（功能标签，用于输入元素提示列表，一般与文本框元素结合使用）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;input type=&quot;text&quot; list=&quot;dl1&quot;&gt;</div><div>    &lt;datalist id=&quot;dl1&quot;&gt;</div><div>        &lt;option value=&quot;项目1&quot;&gt;</div><div>        &lt;option value=&quot;项目2&quot;&gt;</div><div>        &lt;option value=&quot;项目3&quot;&gt;</div><div>    &lt;/datalist&gt;</div></div><div><b><br/></b></div><div><b>details标签（功能标签，用于定义文档标题与文档描述信息，标题使用summary标签，描述使用p标签，该标签有一个open属性用于将所有描述信息展开）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;details open&gt;</div><div>        &lt;summary&gt;标题&lt;/summary&gt;</div><div>        &lt;p&gt;这里描述文字&lt;/p&gt;</div><div> &lt;/details&gt;</div></div><div><b><br/></b></div><div><b>progress标签（功能标签，用于定义进度条，max属性代表总长度，value代表当前值，在其内部嵌套span标签可以兼容低版本浏览器）</b></div><div><b><br/></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;progress max=&quot;100&quot; value=&quot;50&quot;&gt;</div><div>        &lt;!-- 该span标签解决IE低版本兼容性问题 --&gt;</div><div>        &lt;span&gt;50%&lt;/span&gt;</div><div>    &lt;/progress&gt;</div></div><div><b><br/></b></div><div><b>ol标签增强（有序列表，<span style="color: rgb(255, 0, 0);">reversed顺序降序</span>）</b></div><div><br/></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;ol type=&quot;A&quot; start=&quot;5&quot; reversed&gt;</div><div>        &lt;li&gt;项目1&lt;/li&gt;</div><div>        &lt;li&gt;项目2&lt;/li&gt;</div><div>        &lt;li&gt;项目3&lt;/li&gt;</div><div>    &lt;/ol&gt;</div></div><div><br/></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;"><b>使HTML5新增标签兼容IE低版本浏览器</b></span></div><div><span style="color: rgb(54, 101, 238);"><b>第一步：</b></span></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>     &lt;script&gt;</div><div>        var elements = (&quot;header,footer,nav,article,section,&quot;+</div><div>                 &quot;aside,hgroup,mark,time,address,output,figure,figcaption,dilog,&quot;+</div><div>                    &quot;video,audio,canvas&quot;).split(&quot;,&quot;);</div><div>        for(var i=0; i &lt; elements.length;i++){</div><div>            document.createElement(elements[i]);</div><div>        }</div><div>    &lt;/script&gt;</div><div><br/></div><div>    <span style="color: rgb(255, 0, 0);">使用javascript创建新增元素</span></div></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div><b><span style="color: rgb(54, 101, 238);">第二部：</span></b></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>header,footer,nav,article,section,</div><div>aside,hgroup,time,address,output,figure,figcaption,dilog,</div><div>video,audio,canvas{</div><div>    display:block;</div><div>}</div><div>mark{</div><div>    display:inline;</div><div>}</div><div><br/></div><div><span style="color: rgb(255, 0, 0);">在CSS中对新增元素设置块级或行内块级</span></div></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div><b><span style="color: rgb(54, 101, 238);">使用html5shiv解决新增标签兼容性问题</span></b></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div style="-en-codeblock: true; box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;"><div>&lt;!--[if lt IE 9]&gt;</div><div>        &lt;script src=&quot;../src/html5shiv.min.js&quot;&gt;&lt;/script&gt;</div><div>    &lt;![endif]--&gt;</div></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div><b><span style="color: rgb(54, 101, 238);">html5shiv的git地址：</span></b><a href="https://github.com/aFarkas/html5shiv/">https://github.com/aFarkas/html5shiv/</a></div><div><b><span style="color: rgb(54, 101, 238);"><br/></span></b></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;"><b>条件注释：</b></span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if !IE]&gt;&lt;!--&gt;&lt;!--&lt;![endif]--&gt;&lt;!--除IE外都可识别（IE10版本以上也可以识别）--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE]&gt;&lt;![endif]--&gt;&lt;!--IE9以及以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 5]&gt;&lt;![endif]--&gt;&lt;!--仅IE5可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 5.0]&gt;&lt;![endif]--&gt;&lt;!--仅IE5.0可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 5.5]&gt;&lt;![endif]--&gt;&lt;!--仅IE5.5可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 6]&gt;&lt;![endif]--&gt;&lt;!--仅IE6可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 7]&gt;&lt;![endif]--&gt;&lt;!--仅IE7可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 8]&gt;&lt;![endif]--&gt;&lt;!--仅IE8可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if IE 9]&gt;&lt;![endif]--&gt;&lt;!--仅IE9可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 5]&gt;&lt;![endif]--&gt;&lt;!--IE5以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 5.0]&gt;&lt;![endif]--&gt;&lt;!--IE5.0以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 5.5]&gt;&lt;![endif]--&gt;&lt;!--IE5.5以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 6]&gt;&lt;![endif]--&gt;&lt;!--IE6以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 7]&gt;&lt;![endif]--&gt;&lt;!--IE7以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 8]&gt;&lt;![endif]--&gt;&lt;!--IE8以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lt IE 9]&gt;&lt;![endif]--&gt;&lt;!--IE9以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 5]&gt;&lt;![endif]--&gt;&lt;!--IE5以及IE5以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 5.0]&gt;&lt;![endif]--&gt;&lt;!--IE5.0以及IE5.0以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 5.5]&gt;&lt;![endif]--&gt;&lt;!--IE5.5以及IE5.5以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 6]&gt;&lt;![endif]--&gt;&lt;!--IE6以及IE6以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 7]&gt;&lt;![endif]--&gt;&lt;!--IE7以及IE7以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 8]&gt;&lt;![endif]--&gt;&lt;!--IE8以及IE8以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if lte IE 9]&gt;&lt;![endif]--&gt;&lt;!--IE9以及IE9以下版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 5]&gt;&lt;![endif]--&gt;&lt;!--IE5以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 5.0]&gt;&lt;![endif]--&gt;&lt;!--IE5.0以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 5.5]&gt;&lt;![endif]--&gt;&lt;!--IE5.5以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 6]&gt;&lt;![endif]--&gt;&lt;!--IE6以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 7]&gt;&lt;![endif]--&gt;&lt;!--IE7以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 8]&gt;&lt;![endif]--&gt;&lt;!--IE8以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gt IE 9]&gt;&lt;![endif]--&gt;&lt;!--IE9以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 5]&gt;&lt;![endif]--&gt;&lt;!--IE5以及IE5以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 5.0]&gt;&lt;![endif]--&gt;&lt;!--IE5.0以及IE5.0以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 5.5]&gt;&lt;![endif]--&gt;&lt;!--IE5.5以及IE5.5以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 6]&gt;&lt;![endif]--&gt;&lt;!--IE6以及IE6以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 7]&gt;&lt;![endif]--&gt;&lt;!--IE7以及IE7以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 8]&gt;&lt;![endif]--&gt;&lt;!--IE8以及IE8以上版本可识别--&gt;</span></div><div><span style="background-color: rgb(255, 250, 165);-evernote-highlight:true;">&lt;!--[if gte IE 9]&gt;&lt;![endif]--&gt;&lt;!--IE9以及IE9以上版本可识别--&gt;</span></div></span>
</div></body></html> 